body {
  padding-top: 44px;
  background-color: #f7f7f7;
  
}

// 头部区域-----------------------------------------
.header {

  .iconfont {
    position: absolute;
    top: 7px;
    left: 15px;
    font-size: 27px;
    line-height: 1;
  }
}

// Tab栏区域------------------------------------------
.comment_tab {
  height: 10.6667vw;
  background-color: #fff;
  margin-bottom: 1px;

  ul {
    position: relative;
    height: 100%;
    display: flex;

    .active {
      color: rgb(250, 34, 9);
    }

    li {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 25%;
      font-size: 4vw;
      color: rgb(48, 49, 51);
    }

    .tab_bottom_line {
      position: absolute;
      bottom: 0.6667vw;
      width: 5.3333vw;
      height: 0.8vw;
      border-radius: 0.4vw;
      background-color: rgb(250, 34, 9);
      transform: translateX(9.3333vw);
    }
  }
}

// 内容区域----------------------------------------
// 无评论区域--------------------------------------
.comment_none {
  padding: 13.3333vw 6.6667vw;
  display: flex;
  // flex-direction: column;
  // align-items: center;
  display: none;
  text-align: center;

  .comment_none_pic {
    width: 37.3333vw;
    height: 24.5333vw;
    margin: 0 auto;
  }

  .comment_none_txt {
    margin-top: 5.3333vw;
    font-size: 3.7333vw;
    color: rgb(128, 128, 128);
  }
}

// 评论区域
.comment_block {
  padding: 4vw 4vw 0;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 1px;

  .comment_block_user {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .user {
      width: 6.6667vw;
      height: 6.6667vw;
      border-radius: 3.3333vw;
      overflow: hidden;
    }

    .tel {
      font-size: 3.4667vw;
      color: rgb(153, 153, 153);
    }

    .star {
      display: flex;
      align-items: center;

      .icon-favorite-filling {
        padding: 0 0.6667vw;
        font-size: 4.2667vw;
        color: rgb(244, 162, 19);
      }

      .icon-favorite {
        padding: 0 0.6667vw;
        font-size: 4.2667vw;
        color: rgb(178, 178, 178);
      }
    }

    .date {
      font-size: 2.9333vw;
      color: rgb(153, 153, 153);
    }
  }

  .comment_block_content {
    margin: 2.1333vw 0;
    font-size: 3.4667vw;
    color: rgb(51, 51, 51);
    padding-top: 1.3333vw;
    margin-bottom: 5.3333vw;
  }

  .comment_block_pic {
    display: flex;
    flex-wrap: wrap;
    margin-right: 1.3333vw;
    


    img {
      width: 33%;
      height: 100%;
      margin-bottom: 2.6667vw;
    }
  }
}

.comment_more {
  margin-left: -4vw;
  width: 100vw;
  text-align: center;
  padding: 4vw 0;
  font-size: 3.7333vw;
  color: rgb(128, 128, 128);
  background-color: #f7f7f7;
}